{% extends "website/staff/staff_base.html" %}
{% block staff_content %}
<section class="section">
  <div class="card">
    <div class="card-title">
      <div class="icon">📄</div>
      <div>
        <h1 class="h1" style="margin:0">Application #{{ app.id }}</h1>
        <div class="small">{{ app.full_name }} · {{ app.phone }} · {{ app.email }}</div>
      </div>
      <div style="margin-left:auto">
        <a class="btn" href="{% url 'website:staff_career_application_list' %}">← Back</a>
      </div>
    </div>

    <div class="sep"></div>

    <div class="grid grid-2">
      <div class="card" style="padding:14px">
        <div class="small" style="font-weight:900">Details</div>
        <div class="small" style="margin-top:10px;white-space:pre-wrap">{{ app.cover_letter|default:app.message }}</div>
        {% if app.cv %}
          <div style="margin-top:12px"><a class="btn" href="{{ app.cv.url }}" target="_blank">Download CV</a></div>
        {% endif %}
      </div>
      <div class="card" style="padding:14px">
        <form method="post">
          {% csrf_token %}
          <label class="label">Status</label>{{ form.status }}
          <div style="margin-top:10px">
            <label class="label">Internal notes</label>{{ form.notes }}
          </div>
          <div style="margin-top:12px">
            <button class="btn" type="submit">Save</button>
          </div>
        </form>
      </div>
    </div>

  </div>
</section>
{% endblock %}